<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<style>
    *{
        padding: 0;
        margin: 0;
    }
    .box{
        width: 800px;
        height: 500px;
        position: relative;
        background-image: url("img/06.jpg");
        background-size: cover;
        background-color: coral;
    }
    .box-nav{
        height: 100px;
        width: 150px;
        right: 5px;
        top: 5px;
        position: absolute;
        border-radius: 10px;
        opacity: 0.5;
        background-color: #EFE7FE;
        border: 1px solid cadetblue;
    }
    .box a{
        position: absolute;
        width: 26px;
        height: 26px;
        right: 15px;
        top: 10px;
        display: block;
        line-height: 25px;
        text-decoration: none;
        text-align: center;
        border-radius: 50%;
        opacity: 0.9;
        color: white;
        background-color: crimson;
    }
    .box-nav h6{
        color: red;
        bottom: 10px;
        left: 18px;
        letter-spacing: 10px;
        position: absolute;
        font-size: 14px;
        box-sizing: border-box;
    }
    .box-nav p{
        position: absolute;
        bottom: 30px;
        left: 56px;
        font-size: 30px;
    }
    .box-nav img{
        width: 41px;
        height: 29px;
        top: 12px;
        left: 14px;
        position: absolute;
        border-radius: 35%;
        background-size: cover;
    }
    .box-nav, img, p{
        cursor: pointer;
    }
</style>
<body>
<div class="box">
    <div class="box-nav" id="boxcus">
            <img src="img/09.png">
            <p>HRCA</p>
       <h6>红帽认证书</h6>
    </div>
    <a href="#" id="funl"><span id="suc">10</span>s</a>
</div>
<script>
    window.onload=function () {
      var fusuc =document.getElementById("suc");
      var funboxsus = document.getElementById("boxcus");
        var funl = document.getElementById("funl");
      var time=setInterval(function () {
          fusuc.innerHTML -= 1;
          if (fusuc.innerHTML==0){
              funboxsus.style.display="none";
              funl.style.display="none";
              clearInterval(time);
          }
      },1200)
    }
</script>
</body>
</html>